<template>
  <div style="width: 100%; height: 100%">
<!--    <div class="index">-->
<!--      <h1>{{ msg }}</h1>-->
<!--      <button-counter v-bind:name="name" v-on:enlarge-text="enlargeEmit"></button-counter>-->
<!--      <h1>this is emit event : {{ age }}</h1>-->
<!--    </div>-->

    <div>
      <router-link to="/custom">Go to custom</router-link>
      <router-link to="/layout">Go to layout</router-link>
    </div>


  </div>
</template>

<script>
// import buttonCounter from '../customComponent/index'

export default {
  name: 'index',
  components: {
    // buttonCounter
  },
  data() {
    return {
      msg: '欢迎来到菜鸟教程！',
      age: 0,
      name: 'tomcat',
      value: [20, 50]
    }
  },
  methods: {
    enlargeEmit: function (date) {
      this.msg += date;
      this.age++
    }
  }
}
</script>
<style lang="css">
</style>
